<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Insert title here</title>
	 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	 <!-- <script th:src="@{/js/jquery-3.3.1.min.js}"></script>
	 <script th:src="@{/js/bootstrap.min.js}"></script>  
	 <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"></link> -->
	  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
	 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	 <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
	
	 <link href="./style/common.css" rel="stylesheet">
	 <link href="./style/index.css" rel="stylesheet">
     <link rel="stylesheet" href="./style/bootstrap-table.min.css">
     <script src="./js/bootstrap-table.min.js"></script>
    <script src="./js/bootstrap-table-zh-CN.min.js"></script>
 <style>
 	 
 </style>
</head>
<body>
    <div class="container-flud">
        <div class= "header">
			<div class="container">
				<div class="row  topbar">
					 <div class="col">
						 <ul class="nav">
							 <li  class="nav-item"><a class="nav-link">移动端</a></li>
							 <li class="nav-item"><a class="nav-link">加入收藏</a></li>
							 <li class="nav-item"><a class="nav-link">分享</a></li>
						 </ul>
					 </div>
					  <div class="col">
						  <ul class="nav">
							  <li class="nav-item"><a class="nav-link">没有账号？点击注册</a></li>
							  <li class="nav-item"><a class="nav-link">登录</a></li>
						  </ul>
					  </div>
				</div>
				<div class="row  banner">
					<div class="col-md-3">
						<h1>
							<a>
									<img src="http://asset.ibanquan.com/asset/5a93cf743f8f9065af000010/logo?v=1519636340"/>
							</a>
						</h1>
					</div>
					<div class="col-md-6"></div>
					<div class="col-md-3"></div>
				</div>
				<div class="row navHeader">
					<div class="col">
						<ul class="nav">
							<li  class="nav-item">
								<a  class="nav-link">首页</a>
							</li>
							<li  class="nav-item">
								<a  class="nav-link">海购</a>
							</li>
							<li  class="nav-item">
								<a  class="nav-link">玩具</a>
							</li>
							<li  class="nav-item">
								<a  class="nav-link">宠物用品</a>
							</li>
							<li  class="nav-item">
								<a  class="nav-link">家庭用品</a>
							</li>
							<li  class="nav-item">
								<a  class="nav-link">电脑相关</a>
							</li>
							<li  class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">外设</a>
								<div class="dropdown-menu">
									<a class="dropdown-item" href="#">Action</a>
									<a class="dropdown-item" href="#">Another action</a>
									<a class="dropdown-item" href="#">Something else here</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="#">Separated link</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

        <div id="content" class="container">
            <div class="row">
                <div class="col">
                    <ol class="breadcrumb" style="margin-bottom: 5px;">
                        <li><a href="#">Home / </a></li>
                        <li><a href="#"> Library / </a></li>
                        <li class="active">Data</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col">
                      <table data-toggle="table">
                        <thead>
                            <tr>
                                <th>品牌</th>
                                <th>类别</th>
                                <th>规格</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>NIKE</td>
                                <td>ADIDASS</td>
                                <td>PICK</td>
                            </tr>
                            <tr>
                                <td>NIKE</td>
                                <td>ADIDASS</td>
                                <td>PICK</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col">
                   阿道夫
                </div>
            </div>
			<div class="row">
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="card">
						<img class="card-img-top" src="http://asset.ibanquan.com/image/59c387713f8f9077ee000053/s_w450h450.jpeg?v=1505986418" alt="Card image cap">
						<div class="card-block">
							<p class="card-text">price: 100元</p>
						</div>
					</div>
				</div>
				
			</div>
        </div>







    </div>
</body>
</html>